<template>
	<div class="keep-note" :style="noteStyle">
		<div class='note-content' :style="noteConStyle">
		    <img src="../../assets/public/right.png" alt="" />
		    <h2>笔记已保存</h2>
		    <p>可前往 [知识管理] 模块中查看更多笔记</p>
		    <div class="note-bottom">
		    	<span class="yesShow">查看笔记</span>
		   		<span>笔记列表</span>
		    </div>
		</div>
	</div>
</template>

<script>
  export default {
    data () {
      return {
        noteStyle: { // keepnote背景颜色的大小
          width: '400px',
          height: '390px'
        },
        noteConStyle: { // keepnote位置
          marginTop: '200px',
          marginLeft: '200px'
        }
      }
    },
    mounted () {
      var that = this
      function changeShiTu (shiTu) {
        var stWidth = window.innerWidth
        var stHeight = window.innerHeight
        var marTop = stHeight / 2 - 195
        var marLeft = stWidth / 2 - 244
        shiTu.noteStyle.width = stWidth + 'px'
        shiTu.noteStyle.height = stHeight + 'px'
        shiTu.noteConStyle.marginTop = marTop + 'px'
        shiTu.noteConStyle.marginLeft = marLeft + 'px'
      }
      changeShiTu(that)
      window.onresize = function () {
        changeShiTu(that)
      }
    }
  }
</script>

<style scoped>
	@import '../../../static/components/public/chaKanNote.css'
</style>